---
title: shadcn/ui
description: Learn how to use shadcn/ui in a Turborepo.
---

import { Tabs, Tab } from 'fumadocs-ui/components/tabs';

[shadcn/ui](https://ui.shadcn.com/docs/monorepo) is an open-source set of beautifully designed components made with Tailwind CSS that you can copy and paste into your apps.

To get started with shadcn/ui in a new monorepo, run:

<Tabs groupId="package-manager" items={['pnpm', 'yarn', 'npm', 'bun']} persist>

<Tab value="pnpm">

```bash title="Terminal"
pnpm dlx shadcn@canary init
```

</Tab>

<Tab value="yarn">

```bash title="Terminal"
npx shadcn@canary init
```

</Tab>

<Tab value="npm">

```bash title="Terminal"
npx shadcn@canary init
```

</Tab>

<Tab value="bun">

```bash title="Terminal"
bunx shadcn@canary init
```

</Tab>
</Tabs>

When prompted, select the option for monorepos.

To add a component, run:

<Tabs groupId="package-manager" items={['pnpm', 'yarn', 'npm', 'bun']} persist>

<Tab value="pnpm">

```bash title="Terminal"
pnpm dlx shadcn@canary add [COMPONENT]
```

</Tab>

<Tab value="yarn">

```bash title="Terminal"
npx shadcn@canary add [COMPONENT]
```

</Tab>

<Tab value="npm">

```bash title="Terminal"
npx shadcn@canary add [COMPONENT]
```

</Tab>

<Tab value="bun">

```bash title="Terminal"
bunx shadcn@canary add [COMPONENT]
```

</Tab>
</Tabs>

## More information

To learn more about using shadcn/ui in Turborepo, [visit the docs for shadcn/ui](https://ui.shadcn.com/docs/monorepo).
